@media (min-width: 992px) and (max-width: 1199px) {
    .display-1 {
        font-size: 70px
    }

    .display-2 {
        font-size: 60px
    }

    .display-3 {
        font-size: 50px
    }

    .display-4 {
        font-size: 40px
    }

    .nav-pills > li > a {
        padding: 5px 4px
    }

    .nav-tabs > li > a {
        padding: 5px 7px
    }

    .info-box {
        padding: 10px
    }

    .info-box .icon-box {
        font-size: 18px
    }

    .info-box .info-box-content {
        margin-left: 30px
    }

    .info-box .info-box-content .number {
        font-size: 18px
    }

    .info-box .info-box-content .info-text {
        font-size: 14px
    }

    .page-container {
        padding-left: 0
    }

    .side-nav {
        left: -250px
    }

    .side-nav-expand .side-nav {
        left: 0
    }

    .header .header-container .nav-left > li > a.sidenav-fold-toggler, .header .header-container .nav-right > li > a.sidenav-fold-toggler {
        display: none
    }

    .header .header-container .nav-left > li > a.sidenav-expand-toggler, .header .header-container .nav-right > li > a.sidenav-expand-toggler {
        display: block
    }

    .table-lg > tbody > tr > td, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > td, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > thead > tr > th {
        padding: 7px
    }

    .widget-chart {
        display: none
    }
}

@media only screen and (max-width: 992px) {
    .side-nav {
        left: -250px
    }

    .side-nav-expand .side-nav {
        left: 0
    }

    .header .header-container .nav-left > li > a.sidenav-fold-toggler, .header .header-container .nav-right > li > a.sidenav-fold-toggler {
        display: none
    }

    .header .header-container .nav-left > li > a.sidenav-expand-toggler, .header .header-container .nav-right > li > a.sidenav-expand-toggler {
        display: block
    }

    .header .header-container .nav-logo {
        width: 0;
        padding: 0
    }

    .header .header-container .nav-logo b {
        display: none
    }

    .header .header-container .nav-logo .logo {
        display: none
    }

    .page-container {
        padding-left: 0
    }

    .box-title {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .search-box {
        display: none
    }

    .side-nav {
        left: -250px
    }

    .side-nav-expand .side-nav {
        left: 0
    }

    .breadcrumb-wrapper .float-right {
        float: left !important
    }

    .page-container .main-content {
        padding: calc(50px + 35px) 0 15px
    }

    .table-overflow .title {
        line-height: 22px
    }

    #calendar {
        margin-top: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .card-group .card p {
        font-size: 13px
    }

    .card-group .card .counter {
        font-size: 18px
    }

    .stretch-card .card-body {
        padding: 15px
    }

    .stretch-card .card-body .sales-info h3 {
        font-size: 16px
    }

    .btn-toolbar {
        margin-top: 20px
    }

    .error-container {
        width: 60%
    }

    .table td, .table th {
        padding: 4px !important
    }

    .mail-content a {
        font-size: 13px
    }

    #calendar {
        margin-top: 20px
    }

    .display-1 {
        font-size: 70px
    }

    .display-2 {
        font-size: 60px
    }

    .display-3 {
        font-size: 50px
    }

    .display-4 {
        font-size: 40px
    }

    .table-overflow {
        padding: 15px
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .dropdown.dropdown-animated.scale-left .dropdown-menu {
        left: -150px !important
    }

    .card-title {
        font-size: 14px
    }

    .coming-event .text .text-link {
        font-size: 14px
    }

    .chat-main-box .chat-left-aside {
        width: 100%
    }

    .chat-main-box .chat-right-aside {
        width: calc(100% - 0px)
    }

    .timeline-view {
        margin-top: 20px
    }

    .faq .card-header h5 {
        font-size: 12px
    }

    .error-container {
        width: 100%
    }

    .error-container .error-number {
        font-size: 80px
    }

    .error-container h2 {
        font-size: 18px
    }

    .btn-toolbar {
        margin-top: 20px
    }

    .btn-toolbar .btn {
        padding: 7px 8px
    }

    .table td, .table th {
        padding: 5px !important
    }

    .mail-content a {
        font-size: 13px
    }

    #calendar {
        margin-top: 20px
    }

    .fc-toolbar .fc-center {
        margin-top: 15px
    }

    .fc-today-button {
        display: none
    }

    #accordion h5 {
        font-size: 14px
    }

    .form-horizontal a {
        font-size: 11px
    }

    .box-title {
        margin-top: 20px
    }

    .nav-pills > li > a {
        padding: 5px 4px
    }

    .nav-tabs > li > a {
        padding: 5px 7px
    }

    .display-1 {
        font-size: 50px
    }

    .display-2 {
        font-size: 40px
    }

    .display-3 {
        font-size: 30px
    }

    .display-4 {
        font-size: 20px
    }

    .properties .btn {
        display: none
    }
}